<!DOCTYPE html>
<html lang="ES-es">
	<head>
		<title>Título</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet"  href="css/jquery.mobile.css">
		<link rel="stylesheet"  href="css/estilo.css">
		<script src="js/cordova.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/jquery.mobile.js"></script>
		

		<meta charset="UTF-8">
	</head>
	<body>
	<div data-role="page">
	<div data-role="header">
		<h1>Bienvenido</h1>
	</div>
	<div data-role="content" id="content">
		<h1>Contenido</h1>
	</div>
	<div data-role="footer">
		<h1>Pie</h1>
	</div>
	</div>
	<script>
		$(document).ready(main);
		function main(){
			//alert("iniciado jquery");
			document.addEventListener("deviceready", init, false);
			/*
			document.addEventListener("pause", pause, false);
			document.addEventListener("resume", resume, false);
			document.addEventListener("online", online, false);
			document.addEventListener("offline", offline, false);
			*/
		}
		function init(){
			$("#content").append("<p>todo ok</p>");
		}
		/*
		function pause(){
			$("body").append("<p>pausada</p>");
		}
		function resume(){
			$("body").append("<p>resumida</p>");
		}
		function online(){
			var con="<p>tengo conexion "+navigator.network.connection.type+"</p>";
			$("body").append(con);
		}
		function offline(){
			$("body").append("<p>no tengo conexion</p>");
		}
		*/
	</script>
	</body>
</html>